<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ page import="com.fzu.ess.common.Const" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>

<%
    Integer messageCnt = (Integer)session.getAttribute(Const.SESSION.MESSAGE_CNT);
//    System.out.println("messageCnt: " + messageCnt);
%>


<!-- navbar-fixed-top 使导航栏始终固定到顶部。此时要给 body 加上至少 50px 的内边距(padding) -->
<!-- navbar-static-top 会随着页面一起滚动，不需要给 body 设置内边距 -->
<nav class="navbar navbar-inverse" role="navigation">
    <%--<div class="container-fluid">--%>
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <a href="${ctx}/"> <img alt="图片加载失败" src="${ctx}/assets/img/nav/ess.jpg" style="height: 58px"/></a>
        </div>
        <%--<header class="navbar-header">--%>
            <%--<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">--%>
                <%--<span class="sr-only">Toggle navigation</span>--%>
                <%--<span class="icon-bar"></span>--%>
                <%--<span class="icon-bar"></span>--%>
                <%--<span class="icon-bar"></span>--%>
            <%--</button>--%>
            <%--<a href="index.html" class="navbar-brand">--%>
                <%--<img src="assets/img/logo.png" alt="">--%>
            <%--</a>--%>
        <%--</header>--%>

        <!--带有 classes .collapse、.navbar-collapse 的 <div> 中会响应式自动折叠-->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
            <!-- .nav -->
            <ul class="nav navbar-nav navbar-left">
                <li> <a href="${ctx}/">首页</a></li>
                <li> <a href="${ctx}/feedback">反馈</a>  </li>
                <li class='hidden dropdown '>
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        Form Elements
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li> <a href="form-general.html">General</a>  </li>
                        <li> <a href="form-validation.html">Validation</a>  </li>
                        <li> <a href="form-wysiwyg.html">WYSIWYG</a>  </li>
                        <li> <a href="form-wizard.html">Wizard &amp; File Upload</a>  </li>
                    </ul>
                </li>
            </ul><!-- /.nav -->

            <ul class="nav navbar-nav navbar-right">
                <shiro:user>
                    <li>
                        <a data-placement="bottom" href="${ctx}/message/index" data-original-title="系统消息" data-toggle="tooltip">
                            <i class="fa fa-envelope"></i>
                            <span id="navbarMessage" class="badge"><c:if test="${messageCnt!=null && messageCnt > 0}">${messageCnt}</c:if></span>
                        </a>
                    </li>
                    <li>
                        <a data-placement="bottom" data-original-title="个人中心" href="${ctx}/management" data-toggle="tooltip">
                            <i class="glyphicon glyphicon-user"></i>
                        </a>
                    </li>
                    <li>
                        <a href="${ctx}/logout" data-toggle="tooltip" data-original-title="退出" data-placement="bottom">
                            <i class="fa fa-power-off"></i>
                        </a>
                    </li>
                </shiro:user>

                <shiro:guest>
                    <li>
                        <a href="${ctx}/register" data-toggle="tooltip" data-original-title="注册" data-placement="bottom">
                            <i class="fa fa-hand-pointer-o"></i>
                        </a>
                    </li>

                    <li>
                        <a href="${ctx}/login" data-toggle="tooltip" data-original-title="登录" data-placement="bottom">
                            <i class="glyphicon glyphicon-log-in"></i>
                        </a>
                    </li>

                </shiro:guest>
            </ul><!-- /.nav -->
        </div>

        <!-- 右边的图标 -->
        <%--<div class="topnav">--%>
            <%--<div class="btn-group navIcon">--%>
                <%--<!-- 显示/隐藏侧边栏 -->--%>
                <%--&lt;%&ndash;<a data-placement="bottom" rel="popover" data-content="显示/隐藏侧边栏" data-toggle="tooltip" class="btn btn-sm toggle-left" id="menu-toggle">&ndash;%&gt;--%>
                <%--&lt;%&ndash;<i class="fa fa-bars"></i>&ndash;%&gt;--%>
                <%--&lt;%&ndash;</a>&ndash;%&gt;--%>

                <%--<shiro:user>--%>
                    <%--<a data-placement="bottom" data-original-title="系统消息" data-toggle="tooltip" class="btn btn-sm">--%>
                        <%--<i class="fa fa-envelope"></i>--%>
                        <%--<span class="label ">5</span>--%>
                    <%--</a>--%>
                    <%--&lt;%&ndash;<a data-placement="bottom" data-original-title="聊天消息" href="#" data-toggle="tooltip" class="btn btn-sm">&ndash;%&gt;--%>
                    <%--&lt;%&ndash;<i class="fa fa-comments"></i>&ndash;%&gt;--%>
                    <%--&lt;%&ndash;<span class="label">4</span>&ndash;%&gt;--%>
                    <%--&lt;%&ndash;</a>&ndash;%&gt;--%>
                    <%--<a data-placement="bottom" data-original-title="个人中心" href="#" data-toggle="tooltip" class="btn btn-sm">--%>
                        <%--<i class="glyphicon glyphicon-user"></i>--%>
                    <%--</a>--%>
                    <%--<a href="${ctx}/logout" data-toggle="tooltip" data-original-title="退出" data-placement="bottom" class="btn btn-sm">--%>
                        <%--<i class="fa fa-power-off"></i>--%>
                    <%--</a>--%>
                <%--</shiro:user>--%>

                <%--<shiro:guest>--%>
                    <%--<a href="${ctx}/register" data-toggle="tooltip" data-original-title="注册" data-placement="bottom" class="btn btn-sm">--%>
                        <%--<i class="fa fa-hand-pointer-o"></i>--%>
                    <%--</a>--%>
                    <%--<a href="${ctx}/login" data-toggle="tooltip" data-original-title="登录" data-placement="bottom" class="btn btn-sm">--%>
                        <%--<i class="glyphicon glyphicon-log-in"></i>--%>
                    <%--</a>--%>
                <%--</shiro:guest>--%>


                <%--&lt;%&ndash;<a data-toggle="modal" data-original-title="帮助" data-placement="bottom" class="btn btn-sm" href="#helpModal">&ndash;%&gt;--%>
                <%--&lt;%&ndash;<i class="fa fa-question"></i>&ndash;%&gt;--%>
                <%--&lt;%&ndash;</a>&ndash;%&gt;--%>
            <%--</div>--%>

            <%--&lt;%&ndash;<!-- 全屏 -->&ndash;%&gt;--%>
            <%--&lt;%&ndash;<div class="btn-group">&ndash;%&gt;--%>

            <%--&lt;%&ndash;</div>&ndash;%&gt;--%>

            <%--&lt;%&ndash;<!-- 系统消息 -->&ndash;%&gt;--%>
            <%--&lt;%&ndash;<div class="btn-group">&ndash;%&gt;--%>
            <%--&lt;%&ndash;&ndash;%&gt;--%>
            <%--&lt;%&ndash;</div>&ndash;%&gt;--%>

            <%--&lt;%&ndash;<div class="btn-group">&ndash;%&gt;--%>
            <%--&lt;%&ndash;&ndash;%&gt;--%>
            <%--&lt;%&ndash;</div>&ndash;%&gt;--%>

            <%--&lt;%&ndash;<!-- 注销 -->&ndash;%&gt;--%>
            <%--&lt;%&ndash;<div class="btn-group">&ndash;%&gt;--%>
            <%--&lt;%&ndash;&ndash;%&gt;--%>
            <%--&lt;%&ndash;</div>&ndash;%&gt;--%>

            <%--&lt;%&ndash;<!-- 帮助 -->&ndash;%&gt;--%>
            <%--&lt;%&ndash;<div class="btn-group">&ndash;%&gt;--%>
            <%--&lt;%&ndash;&ndash;%&gt;--%>
            <%--&lt;%&ndash;</div>&ndash;%&gt;--%>

        <%--</div>--%>
    <%--</div><!-- /.container-fluid -->--%>
</nav><!-- /.navbar -->
